<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

    <form action="#">
        <input type="text" list="mydata">
        <button>搜索</button>
    </form>

    <datalist id="mydata">
        <option value="周杰伦"></option>
        <option value="张学良"></option>
        <option value="林俊杰"></option>
        <option value="刘德华"></option>
    </datalist>

    <br>

    <details>
        <p>哈哈</p>
        <summary>一加一等于几</summary>
        <p>2</p>
    </details>
    
</body>
</html>